<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimum=1.0,maximum=1.0">
    <title>主页</title>
</head>
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="./icon/iconfont.css">
<link rel="stylesheet" href="./footer.css">

<body>
    <div class="header flex">
        <div class="position flex">
            <i class="iconfont icon-dizhi"></i>
            <p class="title">如皋</p>
        </div>
        <div class="search flex">
            <i class="iconfont icon-sousuo1"></i>
            <input type="text" placeholder="请输入关键字搜索">
        </div>
    </div>
    <div class="back">
    </div>
    <div class="banner">
        <img src="./images/banner.jpg" alt="">
    </div>
    <div class="choose flex">
        <a class="kind flex" href="#">
            <img src="./images/icon_01.jpg" alt="">
            <p class="jieshao">独家直供</p>
        </a>
        <a class="kind flex" href="#">
            <img src="./images/icon_02.jpg" alt="">
            <p class="jieshao">送十年仓储</p>
        </a>
        <a class="kind flex" href="#">
            <img src="./images/icon_03.jpg" alt="">
            <p class="jieshao">送财产保险</p>
        </a>
        <a class="kind flex" href="#">
            <img src="./images/icon_04.jpg" alt="">
            <p class="jieshao">成本发行</p>
        </a>
        <a class="kind flex" href="#">
            <img src="./images/icon_05.jpg" alt="">
            <p class="jieshao">竞买竞卖</p>
        </a>
    </div>
    <div class="color"></div>
    <div class="tejia flex">
        <div class="jinri flex">
            <div class="left"></div>
            <p>今日好价</p>
            <div class="right"></div>
        </div>
        <p class="dijia">全/场/低/价</p>
    </div>
    <div class="shuoming flex">
        <p class="jinmai">竞买竞卖，快速匹配</p>
        <div class="fanhui flex">
            <p class="quanbu">全部</p>
            <a href="#" class="iconfont icon-arrow-right "></a>
        </div>
    </div>
    <section class="content">
        <ul>
            <li>
                <img src="./images/shouye01.jpg" alt="">
                <div class="box1">
                    <p class="title1">下关2014马年生肖沱茶</p>
                    <div class="box2">
                        <p class="shishi">实时价</p>
                        <p class="price">￥<span class="int">248</span>.90</p>
                    </div>
                    <p class="num">出售中<span class="shuliang">￥180.90-200.10</span></p>
                </div>

            </li>
            <li>
                <img src="./images/shouye02.jpg" alt="">
                <div class="box1">
                    <p class="title1">最新健康美容养颜普洱茶</p>
                    <div class="box2">
                        <p class="shishi">实时价</p>
                        <p class="price">￥<span class="int">99</span>.00</p>
                    </div>
                    <p class="num">出售中<span class="shuliang">￥98.0-100.20</span></p>
                </div>
            </li>
            <li>
                <img src="./images/shouye03.jpg" alt="">
                <div class="box1">
                    <p class="title1">下关2014马年生肖沱茶</p>
                    <div class="box2">
                        <p class="shishi">实时价</p>
                        <p class="price">￥<span class="int">170</span>.60</p>
                    </div>
                    <p class="num">出售中<span class="shuliang">￥200.91-205.06</span></p>
                </div>
            </li>
        </ul>
    </section>
    <div class="footer">
        <a href="#" id="checked">
            <p class="iconfont icon-ziyuan"></p>首页活动
        </a>
        <a href="#">
            <p class="iconfont icon-shopping-cart"></p>所有商品
        </a>
        <a href="#">
            <p class="iconfont icon-xiazai45"></p>我的茶仓
        </a>
        <a href="../html/personal.html">
            <p class="iconfont icon-wode"></p>个人中心
        </a>
    </div>
</body>

</html>